<html>
	<head>
		<title>星河小店</title>
		<!--<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/muzihuaner/deng@main/deng.css">-->
		<link rel="stylesheet" href="css/denglong.css">
		<link rel="shortcut icon" href="images/logo.png" />
		<link rel="stylesheet" type="text/css" href="css/dialog.css">
		<link href="css/style2.css" rel="stylesheet" type="text/css" media="all">
		<link rel="stylesheet" href="css/animate.min.css">
		<script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<style>

		
		</style>
		
		


	</head>
	<body>

	<!-- 灯笼1 -->
<div class="deng-box">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">乐</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>
<div class="deng-box1">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">快</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div> 
<div class="deng-box2">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">年</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>
<div class="deng-box3">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">新</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div> 


		
<div>
		<header class="header">
			<div class="logo">
				<img src="images/logo.png" class="xwcms" onmouseover="this.src='images/logo.png'"
				 onmouseout="this.src='images/logo.png'" />
				<div class="logo-text">星河<span style="color:#FF6347;font-size:1.4em;">小</span>店</div>
			</div>
			<div class="right-block">
				<img src="images/guaishou.png">
			</div>
		</header>
		<!--   -->

		<!--   -->
		<div class="clear">
		</div>
		<nav id="nav" class="nav-wrap">
			<ul class="clearfix">
				<li class="menuactive">
					<a href="index.html">
						网站首页
					</a>
				</li>

				<li>
					<a href="newf/index.html">
						新品上市
					</a>
					
				</li>

				<li>
					<a href="baokuan/index.html">
						店内爆款
					</a>
				</li>

				<li>
					<a href="tuijian/index.html">
						大众推荐
					</a>
				</li>

				<li id="navEnd">
					<a href="hezuo/index.html">
						加盟合作
					</a>
				</li>
				
				<li id="navEnd">
					<a href="aboutwe/index.html">
						关于我们
					</a>
				</li>
				<li>
					<a href="gongyi/index.html">
						公益宝贝
					</a>
				</li>
				<li>
					
				</li>
				<li>
					
				</li>
				<li>
				<div>
				  <a href="#" onclick="show()">
				      登录注册
					  </a>
					  </div>
					  </li>
				
				
				
			</ul>
		</nav>

		<section class="baner">
			<div class="youtiy_slider">
				<div class="bd">
					<ul>
					<li><a target="_blank" href="#"><img src="images/2022.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye1.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye2.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye3.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye4.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye5.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye6.jpeg" /></a></li>
						<li><a target="_blank" href="#"><img src="images/zhuye7.jpeg" /></a></li>
					</ul>
				</div>
				<div class="hd">
					<ul>
					</ul>
				</div>
				<div class="pnBtn prev"><span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a></div>
				<div class="pnBtn next"><span class="blackBg"></span> <a class="arrow" href="javascript:void(0)"></a></div>
			</div>
		</section>
		
		<div align="center" width="1000px">
		
		<marquee width="1000px">
		<h2><img src="images/laba1.png" width="50px">&nbsp;&nbsp;<font color="#FF6347">星河小店！！各大美味等您来品尝！！不容错过！!&nbsp;&nbsp;&nbsp;
		<span><img src="images/laba1.png" width="50px">&nbsp;&nbsp;味觉大挑战！！零食趣味多！！优惠多多！！</font>
		</h2>
		</marquee>
		</div>

		<section class="container-content">
			<div class="article-list">
			
			<div class="title"></div>
				<div class="item">
					<div class="art-img">
					<div class="container">
						<img src="images/zhuye9.jpeg" class="image">
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
								  </div>
					<div class="title">
						<a href="#">特浓巧克力</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
								
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						心随心动，愉悦丝滑，愉悦随时随地，享受心随时随地的愉悦！给你一把巧克力，给大家尝尝，让我们甜甜蜜蜜，生活变得更快乐！
					</div>
				</div>
				
				<div class="title"></div>
				<div class="item">
					<div class="art-img">
					<div class="container">
						<img src="images/shuiguodanta.jpeg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
								  </div>
				
					<div class="title">
						<a href="#">水果蛋挞</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						在刚烘烤好的派上面加上各种材料和鲜奶之后再加上多种自己最喜欢的水果,鲜艳的颜色,水果的风味融合蛋挞的酥香，美味至极！
					</div>
				</div>
				
			<div class="title"> </div>
				<div class="item">
				
					<div class="art-img">
						<div class="container">
						<img src="images/巴旦木.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">巴旦木</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						大颗饱满，壳薄易剥
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
						<div class="container">
						<img src="images/开心果.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">开心果</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						精选优质开心果，营养丰富
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/草莓干.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">草莓干</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						冷热交替烘干，大小完整
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/黄桃干.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">黄桃干</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						合适品种+合适熟度，自然多美味！
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/高粱饴.png" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">高粱饴</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						高粱饴，老青岛童年的美好回忆，再次回味经典
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/猪肉脯.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">猪肉脯</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
					严格精选，就好这一口肉
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/麻薯.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">麻薯</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						芒果、抹茶、椰丝3种口味
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/原味鹰嘴豆.jpg" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">原味鹰嘴豆</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						坚果炒货 休闲零食
					</div>
				</div>
				<div class="title"></div>
				<div class="item">
				
					<div class="art-img">
										<div class="container">
						<img src="images/lmc.webp" class="image"/>
						<div class="overlay">
                            <div class="text">2022年！！<br>新年快乐！</div>
                                  </div>
								  </div>
					</div>
					<div class="title">
						<a href="#">咸橄榄</a>
					</div>
					<div class="base-info">
						<ul>
							<li>
								<img src="images/logo.png" class="xwcms2" />
							</li>
							<li>
								<a href="#"></a>
							</li>
							<li>
								发布时间： 2021-11-09 00:00
							</li>
						</ul>
					</div>
					<div class="desc">
						一颗青果两头尖，皮又脆来味又鲜，开头吃起有点苦，慢慢方知回味甜。
					</div>
				</div>
			</div>


			<div class="right-fun">
				<div class="model">
					<div class="title">搜索</div>
					<div class="content">
						<div class="bar7">
							<form>
								<input type="text" placeholder="请输入关键词">
								<button type="submit"></button>
							</form>
						</div>
					</div>
				</div>



				<div class="model">
					<div class="title">快捷菜单</div>
					<div class="menu">
						<span><a href="newf/index.html">新品上市</a></span> 
						<span><a href="baokuan/index.html">店内爆款</a></span> 
						<span><a href="tuijian/index.html">大众推荐</a></span>
						<span><a href="gongyi/index.html">公益宝贝</a></span>
					</div>
				</div>


				<div class="model recommend">
					<div class="title">热门推荐</div>
					<div class="content">
						<p>
							<a href="#">巴旦木</a>
						</p>
						<p>
							<a href="#">开心果</a>
						</p>
						<p>
							<a href="#">草莓干</a>
						</p>
						<p>
							<a href="#">黄桃干</a>
						</p>
						
						<p>
							<a href="#">猪肉脯</a>
						</p>
					</div>
				</div>
			</div>
			
			
			
		</section>

<!--登录弹窗-->
            <div>
			<!-- 弹窗遮罩层 -->
			<div class="dialog">
			  <!-- 弹窗内容 -->
			  <div class="content1">
			  
				<div class="aclose">
					<span>LOGIN  IN</span>
					<a class="close" href="javascript:close();">&times;</a>
				</div>
				
				<div class="contain1">
               <div id="loginDiv">
        <form action="" id="form">
         
            <p style="line-height:70px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;User Name:<input id="userNname" type="text"><label id="name_trip"></label></p>
            <p>Password:<input id="password" type="password"><label id="password_trip"></label></p>
            <div style="text-align: center;margin-top: 30px;">
                <input type="submit" class="button" value="login up">
                <input type="reset" class="button" value="reset">
				
            </div>
        </form>
    </div>
				</div>
			  </div>
			
			</div>
			
		</div>

		<div class="clear">
		</div>

		<footer class="footer">
			<div class="footer_content">
				<h2>星河<span style="color:#FF6347;">小</span>店</h2>
				<p>由<a href="#" target="_blank" style="color:white;text-decoration:underline;"> 橙子黎
				</a>提供技术支持</p>
				<p>联系方式：18897881895</p>
				<p>地址：江西省南昌市红谷滩区学府大道589号</p>
				<p>© 2021－2022 </p>
			</div>
		</footer>


		<script src="plugin/SuperSlide/js/jquery.min.js"></script>
		<!-- <script src="js/jquery-1.12.4.min.js"></script> -->
		<script src="plugin/SuperSlide/js/superslide.2.1.js"></script>
		<script type="text/javascript">
			jQuery(".youtiy_slider .bd li").first().before(jQuery(".youtiy_slider .bd li").last());
			jQuery(".youtiy_slider").hover(function() {
				jQuery(this).find(".arrow").stop(true, true).fadeIn(300)
			}, function() {
				jQuery(this).find(".arrow").fadeOut(300)
			});
			jQuery(".youtiy_slider").slide({
				titCell: ".hd ul",
				mainCell: ".bd ul",
				effect: "leftLoop",
				autoPlay: true,
				vis: 3,
				autoPage: true,
				trigger: "mouseover"
			});


			$(document).ready(function(e) {
				var offset = 890;
				$(window).on('scroll', function() {
					if ($(this).scrollTop() > offset) {
						$('.recommend').css('position', 'fixed');
						$('.recommend').css('top', '0px');
					} else {
						$('.recommend').css('position', '');
					}
				});
			});
			function show(){
				var show = $(".dialog").css("display");
				$(".dialog").css("display",show =="none"?"block":"none");
			}
			function close(){
				var show = $(".dialog").css("display");
				$(".dialog").css("display",show =="none"?"block":"none");
			}
			
			
/* 鼠标点击特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
var $i = $("<span/>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
        y = e.pageY;
        $i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "#ff6651"
        });
        $("body").append($i);
        $i.animate({
"top": y - 180,
"opacity": 0
        },
        1500,
function() {
            $i.remove();
        });
    });
});

		</script>


	</body>
</html>
